<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.11.3.js"></script>
    <script>
        $(function(){
//           $('h1').mouseover(function(){
//               $(this).css('backgroundColor','red');
//           })
//           $('h1').mouseout(function(){
//               $(this).css('backgroundColor','white');
//           })


//            $('h1').hover(function(){
//                $(this).css('backgroundColor','red');
//            },function(){
//                $(this).css('backgroundColor','white');
//            })

            $('h1').mouseover(function(){
               $(this).css('backgroundColor','red');
           }).mouseout(function(){
               $(this).css('backgroundColor','white');
           })
        })
    </script>
</head>
<body>
<div>
    <h1>aaasd</h1>
    <p>aaasd</p>
</div>

</body>
</html>